<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签的使用</title>
</head>
<body>

<!--
        页面中如何实现图片的渲染
         img
            src     图片资源路径
            alt     图片渲染失败时提示信息
            width   设置图片的宽度  px
            height  设置图片的高度
              注: 设置图片宽高时 一般只设置一个值 另外一个等比缩放 避免图片被拉伸变形
           title:   图片标题  鼠标悬停时 会有对应的提示信息
-->
<img src="./imgs/1.jpg" alt="这是一个小熊猫" width="500" title="小熊猫" >
</body>
</html>